<template>
	<view class="">
		<view class="page-bodiv">
			<view class="header-div">
				<view class="reserve-hohte">确认订单</view>
			</view>
			<view class="senior">
				<view class="titl-dac">高级大床客房</view>
				<view class="live-date">
					<text class="live-datepaA">入住:6月13日</text>
					<text class="live-datepaB">共一晚</text>
					<text class="live-datepaC">离店:6月14日</text>
				</view>
				<view class="room-spana">
					<text>1间</text>
					<text>每间2成人,0儿童</text>
					<text>不含早</text>
					<text>大床1.8米</text>
				</view>
				<text class="cancel-p">该订单支付后不可取消变更。</text>
			</view>
			
		</view>
	
		<!-- 内容写在这儿，需要增加内容的在content-lista内增加 -->
		<view class="content-lista">
			<view>
				<view class="list-intn">
					<view class="accommodate-ruz">
						<view class="accom-zhujnq">入住人</view>
						<view class="ipt-sind">
							<input type="text" name="" id="" value="" placeholder="房间1，填写一位成人姓名"/>
							<!--<view class="ipt-wanzhne">请将姓名填写完整</view>-->
						</view>
					</view>
					<view class="accommodate-ruz">
						<view class="accom-zhujnq">手机号</view> 
						<view class="Mobile-sind"> 
							<view class="Attribution">+86</view>
							<view class="Mobile-phone">
								<input type="number" name="" id="" value="" placeholder="用于接收预定信息"/>
								<!--<view class="ipt-wanzhne">请将姓名填写完整</view>-->
							</view>
						</view>
					</view>
					<view class="accommodate-ruz">
						<view class="accom-zhujnq">邮箱</view>
						<view class="ipt-sind">
							<input type="text" name="" id="" value="" placeholder="用于接收确认信"/>
							<!--<view class="ipt-wanzhne">请将姓名填写完整</view>-->
						</view>
					</view>
				</view>
				
			</view>
			
		
			<view class="invoiceUnwanted">
				<view class="invoice-tetlil">
					<view class="space"></view>
					<view class="invoice-a">发票</view>
				</view>
				<view class="Unwanted">
					<view>请到酒店前台索取发票</view>
					<!--<span class="mui-icon mui-icon-arrowright"></span>-->
				</view>
			</view>
		</view>
		
		
		
		<view class="Submission">
			<view>
				<view class="On-linejg">￥888.00</view>
				<view class="ctnr-linejg">在线支付</view>
			</view>
			<input type="button" name="" id="" value="提交订单" disabled="disabled" @click="mission"/> 
		</view>
	</view>	
</template>
 
<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			mission(){
				uni.navigateTo({
					url:"../personalcenter/order/hotelorder"
				})
			}
		}
	}
</script>

<style>
	@import "../../components/hotel/reserve";
	@import "../../common/iconfont.css";
	@font-face {
	       font-family: 'iconfont';
		    src: url('~@/static/iconfont.ttf');
	}
</style>
